@charset "utf-8";

/*powered by:杭州翰臣科技有限公司 邱爽*/
/*http://www.68hanchen.com http://68hanchen.com*/
/* Blood_Wolf专用样式表，支持开源，如有使用或二次开发，请标明出处，谢谢合作！ */
/*#ff8a00; 翰臣科技有限公司VI色系*/
/* 起始样式 */
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 微软雅黑, 黑体;
	margin: 0 auto;
	padding: 0px;
	font-size: 14px;
	height: 100%;
	line-height: 26px;
	width: 100%;
	color: #666
}

ul,
ul li,
ol li,
tr td,
dl,
dd {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0
}

.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

a {
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

/*a:hover{ text-decoration:underline;}*/
img {
	vertical-align: middle;
}

.imgs {
	vertical-align: top;
}

.lf {
	float: left;
}

.rg {
	float: right;
}

img {
	border: none;
}

html {
	overflow-x: hidden;
}

.text,
textarea,
select {
	outline: none;
	font-family: Fontsstyle, 微软雅黑;
	color: #666;
	font-size: 12px;
	width: 100%;
	border: 0px;
	background: none
}

.ul_lf li,
.ul_js li {
	position: relative;
}

::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-thumb {
	background: #ccc;
}

::-webkit-scrollbar-track {
	background: #fff;
}

@font-face {
	font-family: Fontsstyle;
	src: url('../fonts/pingfang-regular.ttf'),
		url('../fonts/pingfang-regular.eot'),
		url('../fonts/pingfang-regular.svg'),
		url('../fonts/pingfang-regular.woff');
}

@font-face {
	font-family: Fontsstyle1;
	src: url('../fonts/fette-engschrift.ttf'),
		url('../fonts/fette-engschrift.eot'),
		url('../fonts/fette-engschrift.svg'),
		url('../fonts/fette-engschrift.woff');
}

.moblie_exhi,
.BMap_mask,
.BMap_cpyCtrl,
.BMap_scaleTxt,
.BMap_scaleCtrl,
.BMap_omCtrl,
.anchorBL,
#ascrail2000-hr {
	display: none !important;
}

.a_txt,
.nav_ipad,
.moblie_head {
	display: none;
}

.div_scroll {
	overflow: auto;
}

.css3_show .span1 {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #c86f15;
	z-index: 50px;
	width: 0px;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}

.css3_show .span2 {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #a85d11;
	z-index: 51px;
	width: 0px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.css3_show:hover .span1 {
	width: 100%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.css3_show:hover .span2 {
	width: 100%;
	-webkit-transition: all .6s;
	-moz-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}

input::-webkit-input-placeholder {
	color: #ccc;
}

input::-moz-placeholder {
	color: #ccc;
}

input:-moz-placeholder {
	color: #ccc;
}

input:-ms-input-placeholder {
	color: #ccc;
}

textarea::-webkit-input-placeholder {
	color: #ccc;
}

textarea::-moz-placeholder {
	color: #ccc;
}

textarea:-moz-placeholder {
	color: #ccc;
}

textarea:-ms-input-placeholder {
	color: #ccc;
}

/*-webkit-filter: blur(0px); filter: blur(0px);*/
/*active*/
/* 公用样式 */
.box {
	width: 1200px;
	margin: 0 auto;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.head {
	position: fixed;
	border-bottom: 1px solid #b52a2b;
	top: 0px;
	left: 0px;
	width: 100%;
	min-width: 1200px;
	z-index: 9999;
	background: #fff;
	height: 70px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.heg {
	height: 70px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.logo {
	padding-left: 3%;
	position: relative;
	z-index: 10;
	height: 70px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.logo img {
	height: 100%;
}

.logo .img2 {
	display: none;
}

.nav {
	position: relative;
	z-index: 10;
	width: 50%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.nav ul .list {
	float: left;
	position: relative;
	width: 16.6%;
	height: 70px;
}

.nav ul .list .a1,
.nav:hover ul .li .a1 {
	line-height: 70px;
	display: block;
	text-align: center;
	font-size: 16px;
	color: #333;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.nav ul .list:hover .a1,
.nav:hover ul .li:hover .a1,
.nav ul .li .a1 {
	color: #da1c30;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.nav ul .list .div1 {
	display: none;
	background: #000;
	width: 200px;
	position: absolute;
	top: 70px;
	z-index: 100;
}

.nav ul .list .div1 a {
	display: block;
	height: 44px;
	line-height: 44px;
	padding-left: 30px;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
}

.nav ul .list .div1 a:hover {
	background: #da1c30;
}

.hamburger {
	padding-right: 3%;
	position: relative;
	z-index: 10;
	display: block;
	padding-top: 28px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.hamburger img {
	vertical-align: top;
}

.hamburger .img2 {
	display: none;
}

.lamp {
	position: absolute;
	left: 12%;
	bottom: -136px;
	z-index: 5;
}

.head_on {
	height: 50px;
}

.head_on .nav ul .list {
	height: 50px;
}

.head_on .nav ul .list .a1,
.head_on .nav:hover ul .li .a1 {
	line-height: 50px;
}

.head_on .nav ul .list .div1 {
	top: 50px;
}

.head_on .logo {
	height: 50px;
}

.head_on .hamburger {
	padding-top: 17px;
}

.heg_on {
	height: 50px;
}

.foot {
	background: #252525;
	position: relative;
	z-index: 150;
	line-height: 22px;
}

.foot_top {
	border-bottom: 1px solid #363636;
	height: 58px;
	padding-left: 3%;
	padding-right: 3%;
	color: #666;
}

.foot_top .lf {
	line-height: 58px;
}

.foot_top .lf a {
	color: #666;
}

.foot_top .lf a:hover {
	color: #ccc
}

.foot_top .lf span {
	margin-left: 40px;
	margin-right: 40px;
}

.foot_top .rg {
	padding-top: 15px;
}

.foot_top .rg a {
	display: inline-block;
	width: 27px;
	height: 27px;
	border-radius: 100%;
	margin-left: 10px;
	position: relative;
}

.foot_top .rg a img {
	width: 27px;
	height: 27px;
	border-radius: 100%;
	vertical-align: top;
	-webkit-transition: all 0.5s;
	-moz-transition: all .5s;
	transition: all .5s;
	transition: all .5s;
}

.foot_top .rg .a1 {
	background: #3cb134;
}

.foot_top .rg .a1 .div1 {
	position: absolute;
	width: 0px;
	height: 0px;
	overflow: hidden;
	bottom: 28px;
	padding-bottom: 10px;
	left: -50px;
	transition: all 0s 0.5s;
}

.foot_top .rg .a1 .div1 img {
	opacity: 0;
	width: 120px;
	height: 120px;
	border-radius: 0px;
	transition: all .5s;
}

.foot_top .rg .a2 {
	background: #f5b300;
}

.foot_top .rg .a3 {
	background: #c71414;
}

.foot_top .rg .a4 {
	background: #a60814;
}

.foot_top .rg .a1:hover {
	background: #2f8d29
}

.foot_top .rg .a2:hover {
	background: #b78300
}

.foot_top .rg .a3:hover {
	background: #9f1010
}

.foot_top .rg .a4:hover {
	background: #78060e
}

.foot_top .rg a:hover img {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}

.foot_top .rg a:hover .div1 {
	width: 120px;
	height: 120px;
	transition: all 0s 0s;
}

.foot_top .rg a:hover .div1 img {
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	opacity: 1;
	width: 100%;
}

.foot_centen {
	padding-left: 3%;
	padding-right: 3%;
	font-family: 微软雅黑;
}

.foot_centen .div1 {
	padding-top: 70px;
	border-right: 1px solid #363636;
	height: 150px;
	width: 30%;
}

.foot_centen .div1 .p1 {
	width: 32%;
}

.foot_centen .div1 .p1 img {
	width: 100%;
}

.foot_centen .div1 .p2 {
	width: 38px;
	margin-left: 3%;
}

.foot_centen .div1 .p2 img {
	width: 100%;
}

.foot_centen .div1 .p3 {
	margin-left: 3%;
	width: 50%;
	color: #585858;
	text-transform: uppercase;
}

.foot_centen .div1 .p3 .pp2 {
	font-size: 24px;
	line-height: 30px;
	color: #b2b2b2;
}

.foot_centen .div2 {
	margin-left: 3%;
	padding-right: 3%;
	color: #666;
	padding-top: 70px;
	border-right: 1px solid #363636;
	height: 150px;
	width: 30%;
}

.foot_centen .div2 .p1 {
	background: url(../images/1_22.png) center left no-repeat;
	padding-left: 34px;
}

.foot_centen .div2 .p2 {
	background: url(../images/1_23.png) center left no-repeat;
	padding-left: 34px;
	margin-top: 10px;
}

.foot_centen .div3 {
	width: 31%;
	padding-top: 70px;
	height: 150px;
	color: #666
}

.foot_centen .div3 .p2 {
	margin-top: 10px;
	background: #404040;
	height: 48px;
}

.foot_centen .div3 .p2 .lf {
	padding-left: 3%;
	padding-right: 3%;
	width: 74%;
}

.foot_centen .div3 .p2 .lf .text {
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	color: #999;
}

.foot_centen .div3 .p2 .rg {
	width: 20%;
}

.foot_centen .div3 .p2 .rg a {
	color: #fff;
	background: #da1c30;
	display: block;
	line-height: 48px;
	text-align: center;
	text-transform: uppercase;
}

.foot_centen .div3 .p2 .rg a:hover {
	background: #a01524;
}

.foot_bottom {
	padding-left: 3%;
	padding-right: 3%;
	background: #1d1d1d;
	height: 63px;
	line-height: 63px;
}

.foot_bottom a {
	color: #666;
}

.foot_bottom a:hover {
	color: #ccc
}

.a_txt1 {
	position: fixed;
	width: 0%;
	height: 0%;
	overflow: hidden;
	z-index: 10001;
	left: 0px;
	top: 0px;
}

.a_txt1 .div1 {
	background: #000;
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

.a_txt1 .div2 {
	position: absolute;
	width: 1200px;
	height: 639px;
	top: 50%;
	left: 50%;
	margin-top: -320px;
	margin-left: -600px;
	filter: alpha(opacity=0);
	opacity: 0;
}

.a_txt1 .div2 .p1 {
	float: left;
	width: 1100px;
	height: 619px;
	padding: 10px;
	background: #fff;
}

.a_txt1 .div2 .p2 {
	float: right;
}

.a_txt1 .div2 .p2 img {
	-moz-transform 1s;
	-webkit-transition: width 1s, height 1s, -webkit-transform 1s;
	-o-transition: width 1s, height 1s, -o-transform 1s;
}

.a_txt1 .div2 .p2 img:hover {
	transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}

#a_top {
	position: fixed;
	width: 56px;
	bottom: 3%;
	right: 1.5%;
	z-index: 1000;
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.a_top {
	opacity: 1 !important;
}

#a_top img {
	width: 100%;
}

@media screen and (max-width: 1600px) and (min-width:0px) {

	/* 小屏幕的尺寸 */
	.foot_centen .div1 .p3 .pp2 {
		font-size: 18px;
	}
}

/* 公用样式 End */

/* Index */
.banner {
	position: relative;
	min-width: 1200px;
	width: 100%;
}

.banner .div1 {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.banner .div1 .slides {
	width: 100%;
	position: relative;
	z-index: 1;
}

.banner .div1 .slides li {
	width: 100%;
	height: auto;
	position: relative;
}

.banner .div1 .slides li img {
	width: 100%;
	height: auto
}

.banner img {
	width: 100%;
}

.banner .div1 .flex-control-nav {
	position: absolute;
	bottom: 5%;
	z-index: 99;
	width: 100%;
	text-align: center;
	left: 0px;
}

.banner .div1 .flex-control-nav li {
	display: inline-block;
	width: 72px;
	height: 2px;
	margin: 0 14px;
}

.banner .div1 .flex-control-nav li span {
	display: none;
}

.banner .div1 .flex-control-nav li a {
	width: 72px;
	height: 2px;
	cursor: pointer;
	background: #fff;
	display: block;
	opacity: 0.5;
}

.banner .div1 .flex-control-nav li a.flex-active {
	opacity: 1;
}

.banner .div1 .flex-direction-nav {
	display: none;
}

.banner .div1 .p1 {
	position: absolute;
	top: 30%;
	width: 1200px;
	left: 50%;
	margin-left: -600px;
	z-index: 100;
}

.banner .div1 .p1 .pp1 {
	width: 497px;
}

.banner .div1 .p1 .pp2 {
	margin-left: 120px;
	background: #fff;
	height: 54px;
	width: 377px;
	margin-top: 25px;
}

.banner .div1 .p1 .pp2 .lf {
	padding-left: 25px;
	width: 294px;
}

.banner .div1 .p1 .pp2 .lf .text {
	background: none;
	line-height: 54px;
	color: #666;
	font-size: 16px;
}

.banner .div1 .p1 .pp2 .rg {
	width: 58px;
	text-align: center;
	padding-top: 14px;
}

.banner .div1 .p1 .pp2 .rg img {
	width: 26px;
	vertical-align: top;
}

.banner .div2 {
	position: absolute;
	text-align: center;
	bottom: 12.5%;
	left: 50%;
	margin-left: -54px;
	z-index: 100;
}

.div_box {
	min-width: 1200px;
	position: relative;
	z-index: 100;
	background: #fff;
}

.ss {
	background: url(../images/1_07.jpg) center top no-repeat;
	height: 770px;
	text-align: center;
	position: relative;
	z-index: 100;
}

.ss .div1 {
	padding-top: 70px;
	font-size: 36px;
	color: #333;
	line-height: 38px;
}

.ss .div2 {
	margin-top: 30px;
}

.ss .div2 a {
	font-size: 16px;
	background: url(../images/1_08.png) center right no-repeat;
	color: #808080;
	padding-right: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.ss .div3 {
	background: url(../images/1_09.jpg) center no-repeat;
	width: 916px;
	margin: 0 auto;
	margin-top: 30px;
	height: 380px;
	text-align: left;
}

.ss .div3 .p1 {
	padding-top: 128px;
	padding-left: 210px;
}

.ss .div4 {
	margin-top: 15px;
	color: #1a1a1a;
	font-size: 30px;
	line-height: 48px;
}

.ss .div4 .p1 {
	font-size: 24px;
}

.ss .div5 {
	width: 916px;
	margin: 0 auto;
	margin-top: 35px;
	color: #333;
	line-height: 42px;
	text-align: left;
}

.ss1 {
	background: url(../images/4_02.jpg) center top no-repeat #fff;
	min-height: 847px;
	text-align: center;
}

.ss1 .div3 {
	background: url(../images/4_03.jpg) center no-repeat;
}

.dd {
	width: 200vw;
}

.dd ul li {
	width: 9.9vw;
	position: relative;
	overflow: hidden;
	float: left;
	cursor: pointer;
	/*-webkit-transition: all 1s 0s; -moz-transition: all 1s 0s;*/
	transition: all 0.5s .3s;
}

.dd ul li .div2 {
	position: absolute;
	right: 0px;
	bottom: 30px;
	text-align: right;
	padding-right: 50px;
	color: #fff;
}

.dd ul li .div2 .p1 {
	font-size: 40px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 45px;
	text-transform: uppercase;
	opacity: 0;
	-webkit-transition: all .5s .3s;
	-moz-transition: all .5s .3s;
	transition: all .5s .3s;
}

.dd ul li .div2 .p2 {
	font-size: 30px;
	line-height: 36px;
	margin-top: 10px;
}

.dd ul li .div3 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: #000;
	opacity: 0.3;
	width: 100%;
	height: 100%;
	z-index: 10;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	transition: all .8s;
}

.dd ul .on {
	width: 60.01vw;
	transition: all 0.5s 0s;
}

.dd ul .on .div2 .p1 {
	opacity: 1
}

.dd ul .on .div3 {
	opacity: 0;
}

.ff {
	background: url(../images/1_13.jpg) center top no-repeat;
	height: 196px;
	position: relative;
}

.ff img {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.gg {
	background: url(../images/1_14.jpg) center no-repeat;
	height: 952px;
}

.gg .div1 {
	width: 1200px;
	margin: 0 auto;
	padding-top: 235px;
	text-align: right;
}

.gg .div1 a {
	display: inline-block;
	width: 67px;
	height: 67px;
	background: #fff;
	border-radius: 100%;
	margin-right: 18px;
	opacity: 0;
}

.gg .div1 .a1 {
	margin-bottom: 17px;
}

.gg .div1 .a2 {
	margin-bottom: 20px;
}

.gg .div1 .a3 {
	margin-bottom: 21px;
}

.gg .div1 .a4 {
	margin-bottom: 28px;
}

.gg .div1 .a5 {
	margin-bottom: 20px;
}

.gg .div1 a:hover {
	opacity: 0.5;
}

.hh {
	background: url(../images/1_15.jpg) center no-repeat;
	height: 145px;
}

/* Index End */

/* Main */
/*.body_main .heg{ height:0px !important;}
.body_main .heg_on{ height:0px;}
.body_main .head{ border-bottom:0px; padding-bottom:1px; background:url(../images/2_03.png) bottom center repeat-x;}
.body_main .nav ul .list .a1,.body_main .nav:hover ul .li .a1{ color:#fff;}
.body_main .nav ul .list:hover .a1,.body_main .nav:hover ul .li:hover .a1,.body_main .nav ul .li .a1{ color:#da1c30; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.body_main .head_on{ background:rgba(0,0,0,0.3) url(../images/2_03.png) bottom center repeat-x;}*/
.body_main .logo .img1 {
	display: none;
}

.body_main .logo .img2 {
	display: block;
}

.body_main .hamburger .img1 {
	display: block;
}

.body_main .hamburger .img2 {
	display: none;
}

.body_main .lamp,
.body_pro .lamp {
	display: none;
}

.body_pro,
.body_pro .div_box {
	background: #f0f0f0;
}

.body_pro1,
.body_pro1 .div_box {
	background: #fff
}

.body_pro1 .box {
	width: 1000px;
}

.div_nav {
	position: relative;
	margin-top: -49px;
	position: relative;
	height: 49px;
}

.div_nav .bg {
	background: rgba(255, 255, 255, 0.9);
	width: 400%;
}

.div_nav .div1 a {
	background: #2d2d2d;
	display: block;
}

.div_nav .div1 a img {
	vertical-align: top;
}

.div_nav .div1 a:hover {
	background: #f3142c
}

.div_nav .div2 a {
	display: block;
	float: left;
	width: 206px;
	text-align: center;
	line-height: 49px;
	margin-right: 1px;
}

.div_nav .div2 a span {
	background: url(../images/2_05.png) center right no-repeat;
	padding-right: 30px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	color: #0d0d0d;
}

.div_nav .div2 a.on,
.div_nav .div2 a:hover {
	background: #f3142c;
}

.div_nav .div2 a.on span,
.div_nav .div2 a:hover span {
	background: url(../images/2_06.png) center right no-repeat;
	color: #fff;
}

.div_pro {
	background: #e5e5e5;
	padding-bottom: 100px;
	padding-top: 70px;
}

.div_pro .div1 {
	text-align: center;
	font-size: 44px;
	background: url(../images/2_10.jpg) center bottom no-repeat;
	padding-bottom: 30px;
	line-height: 48px;
}

.div_pro .div2 {
	margin-top: 45px;
	width: 1224px;
}

.div_pro .div2 ul li {
	float: left;
	width: 384px;
	margin-right: 24px;
	position: relative;
	top: 0px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.div_pro .div2 ul li .p1 {
	position: relative;
}

.div_pro .div2 ul li .p1 img {
	width: 384px;
	height: 475px;
}

.div_pro .div2 ul li .p1 .pp2 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 11;
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.div_pro .div2 ul li .p2 {
	position: absolute;
	bottom: 150px;
	text-align: center;
	color: #333;
	font-size: 24px;
	line-height: 28px;
	width: 100%;
	left: 0px;
	z-index: 15;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	text-transform: uppercase;
}

.div_pro .div2 ul li:hover {
	top: -5px;
}

.div_pro .div2 ul li:hover .p1 .pp2 {
	opacity: 1;
}

.div_pro .div2 ul li:hover .p2 {
	color: #fff;
}

.div_pro1 {
	width: 1470px;
	margin: 0 auto;
}

.div_pro1 .div1 {
	overflow: hidden;
	position: relative;
	width: 100%;
	margin-top: 70px;
}

.div_pro1 .div1 .slides {
	width: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.div_pro1 .div1 .slides li {
	width: 100%;
	height: auto;
	position: relative;
}

.div_pro1 .div1 .slides li img {
	width: 100%;
	height: auto
}

.div_pro1 .div1 .flex-control-nav {
	z-index: 99;
	width: 100%;
	text-align: center;
	left: 0px;
	margin-top: 20px;
}

.div_pro1 .div1 .flex-control-nav li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 9px;
}

.div_pro1 .div1 .flex-control-nav li span {
	display: none;
}

.div_pro1 .div1 .flex-control-nav li a {
	width: 10px;
	height: 10px;
	cursor: pointer;
	background: #b3b3b3;
	display: block;
	border-radius: 100%;
}

.div_pro1 .div1 .flex-control-nav li a.flex-active {
	opacity: 1;
	background: #da1c30
}

.div_pro1 .div1 .flex-direction-nav {
	display: none;
}

.div_pro1 .div2 {
	margin-top: 60px;
	height: 45px;
	line-height: 45px;
}

.div_pro1 .div2 .p1 {
	display: block;
	width: 4%;
	text-align: center;
}

.div_pro1 .div2 .p1 a {
	display: block;
	background: #646363;
}

.div_pro1 .div2 .p1 a:hover {
	background: #da1c30;
}

.div_pro1 .div2 .p2 {
	width: 95%;
	background: #fff;
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1)
}

.div_pro1 .div2 .p2 a {
	display: block;
	float: left;
	width: 33.33%;
	background: url(../images/2_13.jpg) right no-repeat #fff;
	text-align: center;
	color: #333;
}

.div_pro1 .div2 .p2 a:hover,
.div_pro1 .div2 .p2 a.on {
	background: url(../images/2_13.jpg) #da1c30 right no-repeat;
	color: #fff;
}

.div_pro1 .div3 {
	margin-top: 46px;
	margin-bottom: 60px;
}

.div_pro1 .div3 ul li {
	float: left;
	width: 23.125%;
	margin-right: 2.5%;
	margin-bottom: 3%;
}

.div_pro1 .div3 ul li a {
	background: #fff;
	display: block;
	box-shadow: 0px 5px 20px 2px rgba(0, 0, 0, 0.1);
	position: relative;
	top: 0px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.div_pro1 .div3 ul li .p1 img {
	width: 100%;
}

.div_pro1 .div3 ul li .p3 img {
	width: 100%;
}

.div_pro1 .div3 ul li .p2 {
	border-top: 1px solid #e6e6e6;
	background: #fff;
	border-bottom: 1px solid #e6e6e6;
}

.div_pro1 .div3 ul li .p2 .lf,
.div_pro1 .div3 ul li .p2 .rg {
	width: 50%;
	text-align: center;
	line-height: 43px;
	color: #666
}

.div_pro1 .div3 ul li .p2 .lf {
	background: url(../images/2_13.jpg) right repeat-y;
	font-size: 20px;
}

.div_pro1 .div3 ul li a:hover {
	top: -10px;
}

.div_pro1 .div4 {
	margin-top: 60px;
}

.div_pro1 .div4 ul li {
	float: left;
	width: 24%;
	margin-right: 1.33%;
	margin-bottom: 50px;
}

.div_pro1 .div4 ul li a {
	position: relative;
	top: 0px;
	background: #fff;
	display: block;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.div_pro1 .div4 ul li .p1 {
	overflow: hidden;
}

.div_pro1 .div4 ul li .p1 img {
	width: 100%;
}

.div_pro1 .div4 ul li .pad {
	padding: 5%;
	color: #808080;
}

.div_pro1 .div4 ul li .pad .p3 {
	color: #4c4c4c;
	font-size: 16px;
}

.div_pro1 .div4 ul li .pad .p4 {
	line-height: 26px;
	overflow: hidden;
	height: 78px;
	margin-top: 5px;
}

.div_pro1 .div4 ul li a:hover {
	top: -10px;
}

.div_pro2 {
	background: url(../images/2_20.jpg) center no-repeat;
	height: 549px;
}

.div_pro2 .lf {
	padding-top: 72px;
	width: 400px;
	padding-left: 60px;
}

.div_pro2 .lf img {
	width: 100%;
}

.div_pro2 .rg {
	background: #da1c30;
	width: 317px;
	padding: 100px 65px;
	height: 349px;
}

.div_pro2 .rg .div1 {
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
}

.div_pro2 .rg .div2 {
	background: url(../images/2_23.jpg) left top no-repeat;
	margin-top: 35px;
	padding-top: 25px;
	color: #f0f0f0;
	line-height: 36px;
	font-size: 16px;
}

.div_pro3 {
	background: #e6e6e6;
	line-height: 80px;
}

.div_pro3 a {
	color: #333;
}

.div_pro3 .a1 {
	background: url(../images/2_24.png) center left no-repeat;
	padding-left: 25px;
}

.div_pro3 span {
	color: #da1c30
}

.div_pro4 {
	margin-top: 50px;
}

.div_pro5 {
	margin-top: 50px;
	margin-bottom: 128px;
}

.div_pro5 a {
	display: block;
	height: 50px;
	line-height: 50px;
	color: #fff;
	background: #666;
	text-align: center;
}

.div_pro5 a span {
	background: url(../images/2_26.png) center left no-repeat;
	padding-left: 30px;
}

.div_pro5 a:hover {
	background: #da1c30
}

@media screen and (max-width: 1600px) and (min-width:0px) {

	/* 中屏幕的尺寸 */
	.div_pro1 {
		width: 1200px;
	}
}

.div_solu {
	padding-top: 70px;
	background: #fff;
	position: relative;
	z-index: 100;
}

.div_solu .div1 {
	text-align: center;
	font-size: 44px;
	background: url(../images/2_10.jpg) center bottom no-repeat;
	padding-bottom: 30px;
	line-height: 48px;
}

/*.body_main .dd{ margin-bottom:100px; margin-top:45px;}*/


.body_main .dd {
	width: auto;
	margin-bottom: 100px;
	margin-top: 45px;
}

.body_main .dd .box {
	position: relative;
}

.body_main .dd ul li {
	width: 13.33%;
	position: relative;
	overflow: hidden;
	float: left;
	cursor: pointer;
	/*-webkit-transition: all 1s 0s; -moz-transition: all 1s 0s;*/
	transition: all 0.3s;
}

.body_main .dd ul li .div2 {
	position: absolute;
	right: 0px;
	bottom: 30px;
	text-align: right;
	padding-right: 30px;
	color: #fff;
}

.body_main .dd ul li .div2 .p1 {
	font-size: 30px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 35px;
	text-transform: uppercase;
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.body_main .dd ul li .div2 .p2 {
	font-size: 20px;
	line-height: 26px;
	margin-top: 5px;
}

.body_main .dd ul li .div3 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: #000;
	opacity: 0.3;
	width: 100%;
	height: 100%;
	z-index: 10;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.body_main .dd ul .on {
	width: 60.01%;
}

.body_main .dd ul .on .div2 .p1 {
	opacity: 1
}

.body_main .dd ul .on .div3 {
	opacity: 0;
}

.body_main .dd .div4 {
	position: absolute;
	bottom: 0px;
	left: -360px;
	z-index: 100;
}

.div_solu1 {
	background: url(../images/3_04.jpg) center no-repeat;
	height: 368px;
	padding-top: 252px;
}

.div_solu1 .bg {
	width: 528px;
	height: 300px;
	background: url(../images/3_05.png) center no-repeat;
}

.div_solu1 .bg .pad {
	padding: 40px;
	color: #fff;
}

.div_solu1 .bg .pad .div1 {
	font-size: 30px;
	line-height: 32px;
	font-weight: bold;
}

.div_solu1 .bg .pad .div2 {
	margin-top: 15px;
	line-height: 30px;
}

.div_solu2 .div1 {
	margin-top: 70px;
	text-align: center;
	color: #333;
	font-size: 36px;
	line-height: 38px;
}

.div_solu2 .div2 {
	margin-top: 53px;
}

.div_solu2 .div2 ul li {
	float: left;
	width: 31%;
	margin-right: 3.5%;
}

.div_solu2 .div2 ul li a {
	display: block;
	box-shadow: 0px 5px 20px 2px rgba(0, 0, 0, 0.1);
	position: relative;
	top: 0px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.div_solu2 .div2 ul li .p1 img {
	width: 100%;
}

.div_solu2 .div2 ul li .p2 {
	border-top: 1px solid #e6e6e6;
	background: #fff;
	border-bottom: 1px solid #e6e6e6;
}

.div_solu2 .div2 ul li .p2 .lf,
.div_solu2 .div2 ul li .p2 .rg {
	width: 50%;
	text-align: center;
	line-height: 43px;
	color: #666
}

.div_solu2 .div2 ul li .p2 .lf {
	background: url(../images/2_13.jpg) right repeat-y;
	font-size: 20px;
}

.div_solu2 .div2 ul li a:hover {
	top: -10px;
}

.div_bra {
	background: url(../images/4_04.jpg) center no-repeat;
	height: 711px;
}

.div_bra .div1 {
	width: 1000px;
	margin: 0 auto;
	padding-top: 86px;
}

.div_bra .div1 ul li {
	width: 33.33%;
	text-align: center;
	float: left;
}

.div_bra .div1 ul li .p1 {
	overflow: hidden;
	width: 225px;
	height: 225px;
	margin: 0 auto;
	border-radius: 100%;
}

.div_bra .div1 ul li .p1 img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.div_bra .div1 ul li .p1 img:hover {
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-o-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07);
}

.div_bra .div1 ul li .p2 {
	color: #fff;
	font-size: 48px;
	line-height: 50px;
	margin-top: 30px;
	font-weight: bold;
}

.div_bra .div2 {
	margin: 0 auto;
	margin-top: 60px;
	color: #fff;
	font-size: 14px;
	line-height: 36px;
	width: 924px;
}

.div_ser {
	padding-top: 70px;
	background: url(../images/5_02.png) left 78px no-repeat;
	padding-left: 25px;
	margin-bottom: 100px;
}

.div_ser .div1 {
	color: #333;
	font-size: 30px;
}

.div_ser .div2 {
	margin-top: 25px;
	border-bottom: 2px solid #ee7700;
	padding-bottom: 4px;
}

.div_ser .div2 .lf {
	width: 800px;
	font-size: 16px;
	line-height: 30px;
}

.div_ser .div2 .lf strong {
	color: #f3142c;
	font-size: 40px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.div_ser .div3 {
	border-bottom: 1px solid #e5e5e5;
	margin-top: 20px;
}

.div_ser .div3 .lf {
	width: 160px;
	font-size: 20px;
	line-height: 50px;
}

.div_ser .div3 .rg {
	width: 1011px;
}

.div_ser .div3 .rg ul li {
	margin-bottom: 18px;
	cursor: pointer;
}

.div_ser .div3 .rg ul li .a_js2 {
	background: #ebebeb;
	padding: 14px 60px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.div_ser .div3 .rg ul li .a_js2_on,
.div_ser .div3 .rg ul li .a_js2:hover {
	background: #f3142c;
	color: #fff;
}

.div_ser .div3 .rg ul li .a_txt2 {
	padding: 20px 60px;
	line-height: 36px;
}

.div_ser .div3 .rg ul .li {
	border-bottom: 0px;
}

.div_ser .div3 .rg ul li a {
	display: block;
	color: #333;
	background: url(../images/8_03.png) 98% center #ebebeb no-repeat;
	padding: 14px 60px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.div_ser .div3 .rg ul li a:hover {
	background: url(../images/8_03a.png) 98% center #f3142c no-repeat;
	color: #fff;
}

.div_ser .div4 {
	margin-top: 35px;
}

.div_ser .div4 .p1 {
	color: #585858;
	font-size: 22px;
}

.div_ser .div4 .p2 {
	margin-top: 20px;
}

.div_pur {
	padding-top: 70px;
	margin-bottom: 100px;
}

.div_pur ul li {
	width: 280px;
	float: left;
	margin-right: 26px;
}

.div_pur ul li a {
	border: 1px solid #d2d2d7;
	display: block;
	position: relative;
	top: 0px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.div_pur ul li a:hover {
	top: -10px;
}

.div_pur1 {
	padding-top: 70px;
	margin-bottom: 100px;
}

.div_pur1 .pad {
	border: 1px solid #eaeaea
}

.div_pur1 .pad .div1 {
	border-bottom: 1px solid #eaeaea;
	padding-left: 36px;
	padding-right: 36px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.div_pur1 .pad .div1 a {
	display: inline-block;
	width: 161px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	color: #fff;
	background: #2d2d2d;
}

.div_pur1 .pad .div1 a:hover {
	background: #da1c30;
}

.div_pur1 .pad .div1 span {
	background: url(../images/5_08.jpg) center left no-repeat;
	display: inline-block;
	padding-top: 13px;
	padding-bottom: 13px;
	color: #333;
	padding-left: 60px;
	margin-left: 54px;
}

.div_pur1 .pad .div1 strong {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-left: 10px;
}

.div_pur1 .pad .div2 {
	padding: 36px;
	border-bottom: 1px solid #eaeaea;
	background: #fafafa;
}

.div_pur1 .pad .div2 select {
	float: left;
	width: 283px;
	height: 33px;
	border: 1px solid #dcdcdc;
	border-left: 0px;
	background: #fff;
}

.div_pur1 .pad .div2 .lf {
	border-left: 1px solid #dcdcdc;
}

.div_pur1 .pad .div2 a {
	display: block;
	height: 35px;
	line-height: 35px;
	width: 192px;
	color: #fff;
	text-align: center;
	display: block;
	background: #f3142c;
	float: right;
}

.div_pur1 .pad .div2 a:hover {
	background: #da1c30;
}

.div_pur1 .pad .div3 .lf {
	padding-right: 0px;
	width: 425px;
}

.div_pur1 .pad .div3 .lf .div_heg {
	height: 525px;
	overflow-y: scroll;
}

.div_pur1 .pad .div3 .lf .div_heg ul {
	margin: 36px;
	border-top: 1px solid #e5e5e5;
}

.div_pur1 .pad .div3 .lf .div_heg ul li {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
}

.div_pur1 .pad .div3 .lf .div_heg ul li a .p1 {
	background: #8d8d8d;
	float: left;
	width: 36px;
	height: 36px;
	color: #fff;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 36px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.div_pur1 .pad .div3 .lf .div_heg ul li a .p2 {
	float: right;
	width: 282px;
	line-height: 18px;
	margin-top: 0px;
	color: #4c4c4c;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.div_pur1 .pad .div3 .lf .div_heg ul li a .p2 .pp2 {
	font-size: 12px;
	color: #808080;
	margin-top: 3px;
}

.div_pur1 .pad .div3 .lf .div_heg ul li a:hover .p1,
.div_pur1 .pad .div3 .lf .div_heg ul .on .p1 {
	background: #f3142c
}

.div_pur1 .pad .div3 .lf .div_heg ul li a:hover .p2,
.div_pur1 .pad .div3 .lf .div_heg ul .on .p2 {
	color: #f3142c
}

.div_pur1 .pad .div3 .rg {
	width: 773px;
	height: 525px;
}

.div_mem {
	background: url(../images/5_09.jpg) center no-repeat;
	height: 606px;
	padding-top: 47px;
}

.div_mem .bg {
	background: url(../images/5_10.png) center no-repeat;
	width: 494px;
	height: 514px;
	margin: 0 auto;
}

.div_mem .div1 {
	text-align: center;
	padding-top: 40px;
}

.div_mem .div2 {
	width: 358px;
	margin: 0 auto;
	margin-top: 30px;
}

.div_mem .div2 .p1 {
	border: 1px solid #dbdbdb;
	border-radius: 1px;
	margin-bottom: 15px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.div_mem .div2 .p1 .lf {
	width: 66px;
}

.div_mem .div2 .p1 .rg {
	width: 240px;
	padding-right: 35px;
	position: relative;
}

.div_mem .div2 .p1 .rg .text {
	height: 49px;
	line-height: 49px;
	font-size: 16px;
	color: #999
}

.div_mem .div2 .p1 .rg .pp1 {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	z-index: 10;
}

.div_mem .div2 .p1 .rg .pp1 img {
	-moz-transform 1s;
	-webkit-transition: width 1s, height 1s, -webkit-transform 1s;
	-o-transition: width 1s, height 1s, -o-transform 1s;
}

.div_mem .div2 .p1 .rg .pp1 img:hover {
	transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}

.div_mem .div2 .p1 .rg .pp2 {
	position: absolute;
	top: 12px;
	right: 10px;
	font-size: 16px;
}

.div_mem .div2 .p1:hover {
	border: 1px solid #f3142c;
}

.div_mem .div2 .p2 .lf input {
	position: relative;
	top: 2px;
	margin-right: 4px;
}

.div_mem .div2 .p2 .rg a {
	color: #656565
}

.div_mem .div2 .p2 .rg a:hover {
	color: #f3142c;
}

.div_mem .div2 .p3 {
	color: #da1c30;
	line-height: 30px;
	margin-top: 15px;
}

.div_mem .div2 .p4 {
	margin-top: 10px;
}

.div_mem .div2 .p4 a {
	display: block;
	border-radius: 6px;
	text-align: center;
	line-height: 48px;
	color: #fff;
	background: #da1c30;
	font-size: 16px;
}

.div_mem .div2 .p4 a:hover {
	background: #a01523
}

.div_ver {
	background: url(../images/5_15.jpg) center no-repeat;
	height: 454px;
}

.div_ver .div1 {
	padding-top: 178px;
	padding-left: 140px;
	padding-right: 82px;
}

.div_ver .div1 .lf {
	border: 1px solid #d4d5d7;
	background: #f7f6f6;
	width: 805px;
	padding-left: 20px;
	padding-right: 20px;
}

.div_ver .div1 .lf .text {
	font-size: 22px;
	height: 50px;
	line-height: 50px;
}

.div_ver .div1 .rg {
	width: 117px;
	height: 52px;
}

.div_ver .div1 .rg a {
	display: block;
	background: #f3142c;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 52px;
}

.div_ver .div1 .rg a:hover {
	background: #a01523
}

.div_tips {
	padding-top: 120px;
	background: url(../images/5_02.png) left 130px no-repeat;
}

.div_tips .div2 {
	margin-top: -60px;
}

.div_news {
	position: relative;
	padding-top: 70px;
	padding-bottom: 100px;
	background: #f5f5f5;
}

.div_news ul li {
	float: left;
	width: 384px;
	margin-right: 24px;
	margin-bottom: 24px;
}

.div_news ul li a {
	display: block;
	background: #fff;
	border: 1px solid #e3e3e3;
	position: relative;
	top: 0px;
	box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0) -webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.div_news ul li a .div1 img {
	width: 100%;
}

.div_news ul li a .div2 {
	padding: 25px;
}

.div_news ul li a .div2 .p1 {
	font-size: 16px;
	color: #333;
	height: 52px;
}

.div_news ul li a .div2 .p2 {
	color: #999;
	margin-top: 3px;
}

.div_news ul li a .div2 .p3 {
	color: #666;
	height: 44px;
	overflow: hidden;
	font-size: 12px;
	line-height: 22px;
	margin-top: 4px;
}

.div_news ul li a:hover {
	top: -10px;
	box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1)
}

.fx {
	margin-top: 30px;
	color: #666;
	font-size: 14px;
}

.fx a {
	color: #666;
}

.fx a:hover {
	color: #f3142c
}

.title {
	text-align: center;
	/* margin-top:2.5%; */
	font-size: 24px;
	color: #000;
	font-weight: bold;
}

.time {
	text-align: center;
	margin-top: 1.4%;
	color: #888;
	border-bottom: 1px dashed #cecece;
	padding-bottom: 1.2%;
}

.txt {
	margin-top: 2%;
	font-size: 14px;
	color: #333333;
	line-height: 26px;
}

.back {
	border-top: 1px dashed #cecece;
	margin-top: 2%;
	padding-top: 1.2%;
	margin-bottom: 5%;
}

.back a {
	color: #4c4c4c;
}

.back a:hover {
	color: #f3142c;
}


.div_jobs {
	padding-top: 70px;
	padding-bottom: 100px;
	background: #f5f5f5
}

.div_jobs .div1 .p1 {
	width: 19%;
	margin-right: 3%;
	background: #fff;
}

.div_jobs .div1 .p1 select {
	height: 40px;
	width: 100%;
	padding-left: 2%;
	width: 100%;
	border: 0px;
}

.div_jobs .div1 .p2 {
	width: 21%;
	background: #fff;
}

.div_jobs .div1 .p2 input {
	height: 40px;
	line-height: 40px;
	border: 0px;
	padding-left: 3%;
	width: 94%;
	padding-right: 3%;
}

.div_jobs .div1 .p3 {
	width: 10%;
}

.div_jobs .div1 .p3 a {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #f3142c;
	text-align: center;
}

.div_jobs .div1 .p3 a:hover {
	background: #a01523
}

.div_jobs .div2 {
	background: #8f8f8f;
	padding-left: 4%;
	padding-right: 4%;
	margin-top: 15px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	font-size: 16px;
}

.div_jobs .div2 .p1 {
	width: 20%;
	margin-right: 1%;
}

.div_jobs .div2 .p2 {
	width: 11%;
	margin-right: 1%;
}

.div_jobs .div2 .p3 {
	width: 15%;
	margin-right: 1%;
}

.div_jobs .div2 .p4 {
	width: 40%;
	margin-right: 1%;
}

.div_jobs .div2 .p5 {
	width: 10%;
}

.div_jobs .div3 {
	background: #fff;
}

.div_jobs .div3 ul li .p1 {
	height: 64px;
	line-height: 64px;
	padding-left: 4%;
	padding-right: 4%;
	border-bottom: 1px solid #e6e6e6;
	color: #808080;
	cursor: pointer;
	font-size: 14px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_jobs .div3 ul li .p1 .pp1 {
	width: 20%;
	margin-right: 1%;
}

.div_jobs .div3 ul li .p1 .pp2 {
	width: 11%;
	margin-right: 1%;
}

.div_jobs .div3 ul li .p1 .pp3 {
	width: 15%;
	margin-right: 1%;
}

.div_jobs .div3 ul li .p1 .pp4 {
	width: 40%;
	margin-right: 1%;
}

.div_jobs .div3 ul li .p1 .pp5 {
	width: 10%;
}

.div_jobs .div3 ul li .div_js_on,
.div_jobs .div3 ul li:hover .p1 {
	background: #efefef;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.div_jobs .div3 ul li .div_txt {
	background: #dbdbdb;
	padding: 20px 4%;
	border: 1px solid #e6e6e6;
	color: #333;
}

.div_jobs .div3 ul li .div_txt a {
	display: block;
	float: right;
	width: 300px;
	height: 40px;
	background: #f3142c;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 14px;
	margin-top: 30px;
}

.div_jobs .div3 ul li .div_txt a:hover {
	background: #a01523;
}

.div_abo {
	background: url(../images/7_02.jpg) center no-repeat;
	height: 624px;
	padding-top: 150px;
}

.div_abo .lf {
	padding-top: 60px;
	width: 553px;
}

.div_abo .rg {
	width: 602px;
	padding-top: 30px;
}

.div_abo .rg .div2 {
	margin-top: 50px;
	line-height: 36px;
	font-size: 16px;
}

.div_abo .rg .div3 {
	margin-top: 50px;
}

.div_abo .rg .div3 ul li {
	float: left;
	margin-right: 60px;
	font-size: 16px;
}

.div_abo .rg .div3 ul li .p1 {
	color: #000;
}

.div_abo .rg .div3 ul li .p1 span {
	font-size: 50px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 5px;
	font-family: Fontsstyle1;
}

.div_his {
	background: url(../images/7_05.jpg) top center no-repeat #f0f0f0;
	padding-top: 70px;
	padding-bottom: 1px;
}

.div_his .div1 {
	background: url(../images/7_11.jpg) center repeat-y;
	padding-bottom: 50px
}

.div_his .div1 .lf {
	padding-left: 322px;
	padding-top: 30px;
}

.div_his .div1 .rg {
	width: 446px;
	padding-right: 105px;
	padding-top: 25px
}

.div_his .div1 .rg .p1 {
	color: #ff0013;
	font-size: 36px;
	line-height: 38px;
}

.div_his .div1 .rg .p2 {
	margin-top: 50px;
	color: #333;
}

.div_his .div2 {
	background: url(../images/7_06.jpg) center top no-repeat;
}

.div_his .div2 ul {
	background: url(../images/7_11.jpg) center top repeat-y;
	padding-top: 40px;
	overflow: hidden;
	padding-bottom: 40px;
}

.div_his .div2 ul li {
	background: url(../images/7_13.png) center no-repeat;
	margin-bottom: 120px;
	overflow: hidden;
	cursor: pointer;
}

.div_his .div2 ul .li1 .lf {
	background: url(../images/7_12.png) center bottom no-repeat;
	width: 348px;
	padding-bottom: 62px;
	text-align: center;
	margin-top: 59px;
	margin-left: 200px;
}

.div_his .div2 ul .li1 .rg {
	width: 543px;
	padding: 10px;
}

.div_his .div2 ul .li2 .lf {
	width: 543px;
	padding: 10px;
	text-align: right;
}

.div_his .div2 ul .li2 .rg {
	background: url(../images/7_12.png) center bottom no-repeat;
	width: 348px;
	padding-bottom: 62px;
	text-align: center;
	margin-top: 59px;
	margin-right: 200px;
}

.div_his .div2 ul li .img {
	position: relative;
	bottom: 0px;
	width: 322px;
	height: 227px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.div_his .div2 ul li .pad {
	padding: 40px;
	background: #fff;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.div_his .div2 ul li .pad .p1 {
	color: #7e5b3e;
	font-size: 36px;
	border-bottom: 1px solid #cbbdb2;
	line-height: 38px;
	padding-bottom: 15px;
}

.div_his .div2 ul li .pad .p2 {
	color: #ff0013;
	font-weight: bold;
	font-size: 36px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 38px;
	margin-top: 15px;
}

.div_his .div2 ul li .pad .p3 {
	color: #7e5b3e;
	line-height: 30px;
	margin-top: 10px;
}

.div_his .div2 ul li:hover .img {
	bottom: 15px;
}

.div_his .div2 ul li:hover .pad {
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1)
}

.div_welf {
	padding-top: 70px;
	padding-bottom: 40px;
}

.div_welf ul li {
	border-bottom: 4px solid #f0f0f0;
	margin-bottom: 60px;
}

.div_welf ul li .div1 {
	width: 25%;
	position: relative;
	width: 400px;
	padding-left: 100px;
	padding-bottom: 50px;
}

.div_welf ul li .div1 .p1 {
	position: relative;
	z-index: 5;
}

.div_welf ul li .div1 .p1 img {
	width: 100%;
}

.div_welf ul li .div1 .p2 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 44%;
	z-index: 10;
}

.div_welf ul li .div1 .p2 img {
	width: 100%;
}

.div_welf ul li .div1 .p3 {
	position: absolute;
	top: 0px;
	left: -160px;
	padding-top: 40px
}

.div_welf ul li .div1 .p4 {
	position: absolute;
	top: -40px;
	left: -100px;
}

.div_welf ul li .div2 {
	width: 618px;
	padding-top: 1.5%;
}

.div_welf ul li .div2 em {
	display: inline-block;
	color: #c4091e;
	font-size: 70px;
	font-weight: bold;
	font-family: Fontsstyle1;
}

.div_welf ul li .div2 .p1 span {
	background: url(../images/7_21.png) right bottom no-repeat;
	display: inline-block;
	padding-top: 35px;
	padding-right: 30px;
	font-size: 16px;
	line-height: 18px;
	padding-bottom: 5px;
}

.div_welf ul li .div2 .p2 {
	color: #666666;
	font-size: 14px;
	line-height: 26px;
	margin-top: 3%;
	height: 130px;
	overflow: hidden;
	text-align: justify;
}

.div_welf ul li .div2 .p3 {
	margin-top: 20px;
}

.div_car {
	background: #f7f7f7;
	padding-top: 70px;
	padding-bottom: 100px;
}

.div_car .div1 {
	border-bottom: 1px solid #dbdbdb;
}

.div_car .div1 span {
	border-bottom: 2px solid #999999;
	display: inline-block;
	background: url(../images/7_22.png) center left no-repeat;
	padding-left: 32px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
}

.div_car .div2 {
	margin-top: 40px;
}

.div_car .div2 ul li {
	float: left;
	margin-right: 42px;
	width: 372px;
	margin-bottom: 42px;
}

.div_car .div2 ul li a {
	border: 1px solid #e7e7e7;
	width: 318px;
	background: #fff;
	padding: 26px;
	display: block;
	box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0);
	position: relative;
	top: 0px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.div_car .div2 ul li a .p1 {
	width: 318px;
}

.div_car .div2 ul li a .p1 img {
	width: 318px;
	height: 174px;
}

.div_car .div2 ul li a .p2 {
	background: url(../images/7_24.jpg) center left no-repeat;
	padding-left: 25px;
	margin-top: 10px;
	color: #999
}

.div_car .div2 ul li a .p3 {
	border-left: 4px solid #e00012;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	color: #333;
	font-size: 16px;
	padding-left: 10px;
	margin-top: 10px;
}

.div_car .div2 ul li a .p4 {
	margin-top: 7px;
}

.div_car .div2 ul li a .p5 {
	font-size: 13px;
	line-height: 22px;
	overflow: hidden;
	height: 66px;
	margin-top: 4px;
	color: #666;
}

.div_car .div2 ul li a:hover {
	box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1);
	top: -10px;
}

.div_hon {
	background: #f7f7f7;
	padding-top: 70px;
	padding-bottom: 100px;
}

.div_hon .div2 {
	margin-top: 40px;
}

.div_hon .div2 ul li {
	width: 288px;
	margin-right: 15px;
	float: left;
	margin-bottom: 40px;
}

.div_hon .div2 ul li a {
	display: block;
	position: relative;
	top: 0px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.div_hon .div2 ul li a .p1 {
	border: 1px dashed #c8c8c8;
	padding: 9px;
	width: 266px;
	height: 183px;
	text-align: center;
}

.div_hon .div2 ul li a .p1 img {
	width: 266px;
	height: 183px;
}

.div_hon .div2 ul li a .p2 {
	margin-top: 25px;
	background: #e6e6e6;
	text-align: center;
	height: 40px;
	line-height: 40px;
	color: #666;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.div_hon .div2 ul li a:hover {
	top: -10px;
}

.div_hon .div2 ul li a:hover .p2 {
	background: #f3142c;
	color: #fff;
}

.div_cont {
	background: #f7f7f7;
	padding-bottom: 100px;
}

.div_cont #map {
	position: relative;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 560px;
}

.div_cont .box {
	width: 980px;
	position: relative;
	z-index: 100;
	margin-top: -147px;
}

.div_cont .lf {
	width: 499px;
	height: 612px;
	background: #fff;
	box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1)
}

.div_cont .lf .pad {
	padding: 72px;
}

.div_cont .lf .div1 {
	margin-bottom: 80px;
}

.div_cont .lf .div2 {
	margin-bottom: 30px;
}

.div_cont .lf .div2 .p1 {
	font-size: 18px;
	color: #333;
	font-weight: bold;
}

.div_cont .lf .div2 .p1 span {
	margin-left: 10px;
	margin-right: 10px;
}

.div_cont .lf .div2 .p2 {
	margin-top: 10px;
	font-size: 16px;
	color: #4c4c4c
}

.div_cont .lf .div2 .p2 a {
	color: #4c4c4c;
}

.div_cont .lf .div2 .p2 a:hover {
	color: #f3142c
}

.div_cont .lf .div2 .p3 {
	color: #333;
	font-size: 24px;
	margin-top: 20px;
}

.div_cont .rg {
	position: absolute;
	top: 87px;
	right: 0px;
	width: 493px;
	height: 589px;
	z-index: 10;
	background: #f3142c;
}

.div_cont .rg .pad {
	padding: 40px;
}

.div_cont .rg .div1 {
	text-align: right;
	margin-bottom: 37px;
}

.div_cont .rg .div2 {
	background: #f5f5f5;
	padding-left: 13px;
	padding-right: 13px;
	border-radius: 3px;
	margin-bottom: 10px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.div_cont .rg .div2:hover {
	background: #e3e0e0;
}

.div_cont .rg .div2 .text {
	height: 47px;
	line-height: 47px;
	font-size: 16px;
}

.div_cont .rg .div3 {
	background: #f5f5f5;
	padding-left: 13px;
	padding-right: 13px;
	border-radius: 3px;
	margin-bottom: 10px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.div_cont .rg .div3:hover {
	background: #e3e0e0;
}

.div_cont .rg .div3 .text {
	height: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	resize: none;
}

.div_cont .rg .div4 {
	margin-top: 35px;
	text-align: center;
}

.div_cont .rg .div4 a {
	display: inline-block;
	width: 170px;
	height: 40px;
	color: #808080;
	background: #f5f5f5;
	line-height: 40px;
}

.div_cont .rg .div4 a:hover {
	background: #e3e0e0;
}

.div_cont .rg input::-webkit-input-placeholder {
	color: #4c4c4c;
}

.div_cont .rg input::-moz-placeholder {
	color: #4c4c4c;
}

.div_cont .rg input:-moz-placeholder {
	color: #4c4c4c;
}

.div_cont .rg input:-ms-input-placeholder {
	color: #4c4c4c;
}

.div_cont .rg textarea::-webkit-input-placeholder {
	color: #4c4c4c;
}

.div_cont .rg textarea::-moz-placeholder {
	color: #4c4c4c;
}

.div_cont .rg textarea:-moz-placeholder {
	color: #4c4c4c;
}

.div_cont .rg textarea:-ms-input-placeholder {
	color: #4c4c4c;
}


.div_line {
	background: url(../images/8_01.jpg) center repeat-x;
	margin-bottom: 30px;
}

.div_line span {
	display: inline-block;
	background: #f0f0f0;
	padding-right: 30px;
	font-size: 34px;
	color: #333;
}

.div_anim {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10000;
	animation: animbox 0s linear 2.25s forwards;
	overflow: hidden;
}

.div_anim .bg {
	background: rgba(0, 0, 0, 1);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	animation: animbg 0.5s linear 1.7s forwards;
}

.div_anim .div1 {
	width: 800px;
	margin: 0 auto;
	position: relative;
	left: 50px;
}

.div_anim .div1 .lf {
	position: absolute;
	left: 0px;
	animation: animlf 0.6s linear 0s forwards;
}

.div_anim .div1 .rg {
	position: absolute;
	right: 0px;
	z-index: 10;
	animation: animrg 0.6s linear 0s forwards;
}

.div_anim .div2 {
	text-align: center;
	position: relative;
	top: 492px;
	width: 817px;
	margin: 0 auto;
	animation: animdiv 0.6s linear 1.2s forwards;
}

.div_anim .div2 .p1 {
	animation: animp 0.6s linear 0.6s forwards;
	overflow: hidden;
	width: 0px;
	height: 84px;
}

.div_anim .div2 .p1 img {
	width: 817px;
	height: 84px;
}


@keyframes animlf {
	0% {
		left: -200px;
		transform: rotate(20deg)
	}

	100% {
		left: 0px;
		transform: rotate(0deg)
	}
}

@keyframes animrg {
	0% {
		right: -200px;
		transform: rotate(-20deg)
	}

	100% {
		right: 0px;
		transform: rotate(0deg)
	}
}

@keyframes animp {
	0% {
		width: 0px;
	}

	100% {
		width: 817px;
	}
}

@keyframes animdiv {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.8);
	}
}

@keyframes animbg {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
	}
}

@keyframes animbox {
	0% {
		width: 100%;
	}

	100% {
		width: 0%;
	}
}

/* Main End */
@media screen and (max-width:414px) {
	.dd ul .on {
		width: 100vw;
	}

	.dd ul li {
		float: none;
		width: 100vw;
	}
	.div_box ul li .div1 img {
		width: 100%;
		height: 100%;
	}
	.dd ul li .div3 {
		opacity: 0;
	}
	
}